.toggleTree {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;

  .icon {
    padding: 2px;
    color: #1a8ffb;
    font-size: 20px;
    background-color: #1a8ffb0d;
    border: 1px solid #1a8ffb;
    border-radius: 2px;
    cursor: pointer;
  }
}

.tree {
  position: absolute;
  top: 10px;
  left: 10px;
  z-index: 10;
  width: 330px;
  background-color: #131a2b99;
  border: 1px solid #103453;
  border-radius: 4px;

  .head {
    border-bottom: 1px solid #1892ff4d;

    :global {
      .ant-radio-group {
        margin-top: 10px;
        margin-right: 10px;
        margin-bottom: 10px;
        margin-left: 16px;
      }

      .ant-radio-button-wrapper {
        color: #ccc;
        font-weight: 400;
        font-size: 14px;
        font-family: FZLanTingHei-L-GBK;
        background: #fff0;
        border: 1px solid #0a689e;
      }

      .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled):first-child {
        border-color: #0a689e;
      }

      .ant-radio-button-wrapper-checked:not(.ant-radio-button-wrapper-disabled) {
        color: #089EF5;
        font-weight: 900;
        background: #fff0;
        border-color: #0a689e;
        box-shadow: -1px 0 0 0 #0a689e;
      }

      .ant-radio-group-small .ant-radio-button-wrapper {
        padding: 0 10px;
      }

      .ant-radio-button-wrapper:not(:first-child)::before {
        background-color: #0a689e;
      }

      .ant-checkbox-wrapper {
        color: #ffffffa6;
        font-weight: 100;
        font-size: 14px;
      }

      .ant-checkbox+span {
        padding-right: 0;
        padding-left: 4px;
      }
    }

    .close {
      float: right;
      width: 44px;
      height: 44px;
      color: #ccc;
      font-size: 18px;
      line-height: 50px;
      text-align: center;
    }
  }

  .content {
    :global {
      .ant-tree {
        color: #ffffffd9;
        background: #0000;

        &.ant-tree-directory .ant-tree-treenode:hover::before {
          background: #1890ff;
        }

        li {
          .ant-tree-node-content-wrapper {
            width: calc(100% - 24px - 24px - 4px - 2px);
            overflow: hidden;
            color: #ffffffa6;
            text-overflow: ellipsis;
          }

          span.ant-tree-switcher {
            color: #ffffffa6;
          }
        }

        .ant-tree.ant-tree-directory>li span.ant-tree-node-content-wrapper:hover::before,
        .ant-tree.ant-tree-directory .ant-tree-child-tree>li span.ant-tree-node-content-wrapper:hover::before {
          background: #e6f7ff;
          background: #3f8cba4d;
        }
      }
    }
  }
}